<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.6.2.min.js"></script>
<style>
.nav_jyc { position:absolute; width:159px; height:auto; border:1px solid #f8d4ad; border-top:0; background:#fcf6ed; z-index:70; padding:5px 5px 5px; display:none; }
.nav_jyc li { color:#c05200; font-weight:bold; padding:5px 0 6px; background:url(../img/pic.gif) no-repeat right -171px; border-left:2px solid #fcf6ed; border-top:2px solid #fff; border-bottom:1px solid #f9e2c9; cursor:pointer; height:19px; *height:auto;
_height:10px; _margin-top:-2px; }
.nav_jyc li.top { border-top:2px solid #fcf6ed }
.nav_jyc li u { display:block; background:url(../img/pic.gif) no-repeat; padding-left:26px; }
.nav_jyc li u a { color:#c05200; display:inline-block }
.nav_jyc li u a:hover { color:#FF5A00 }
.nav_jyc li u.n1 { background-position:4px -208px }
.nav_jyc li u.n2 { background-position:5px -239px }
.nav_jyc li u.n3 { background-position:4px -272px }
.nav_jyc li u.n4 { background-position:4px -306px }
.nav_jyc li u.n5 { background-position:4px -340px }
.nav_jyc li u.n6 { background-position:1px -433px }
.nav_jyc li u.n7 { background-position:2px -474px }
.nav_jyc li u.n8 { background-position:2px -512px }
.nav_jyc li u.n9 { background-position:1px -554px }
.nav_jyc li u.n10 { background-position:2px -594px }
.nav_jyc li u.n11 { background-position:1px -632px }
.nav_jyc li u.n12 { background-position:2px -672px }
.nav_jyc li u.n13 { background-position:3px -900px }
.nav_jyc li u.n14 { background-position:3px -554px }
.nav_jyc li u.n15 { background-position:2px -708px }
.nav_jyc li u.n16 { background-position:4px -782px }
.nav_jyc li u.n17 { background-position:4px -809px }
.nav_jyc li u.n18 { background-position:4px -836px }
.nav_jyc li u.n19 { background-position:3px -865px }
.nav_jyc li u.n80 { background-position:3px -8650px }
.nav_jyc li.select { background:#fff; border:2px solid #F59B26; border-right:0; width:149px; position:relative; z-index:78; *margin-bottom:-2px;
padding:5px 0; height:19px; }
.nav_jyc li.select em { display:block; background:#fff; width:4px; position:absolute; z-index:80; height:29px; right:0; top:0; overflow:hidden }
.nav_jyc li.bom { border-bottom:1px solid #fcf6ed; color:#333; font-weight:normal; border:0; background:none; padding-bottom:0; margin-bottom:0; height:19px }
.nav_jyc li.bom a { color:#333 }
.nav_jyc dl.submenu { position:absolute; z-index:77; border:2px solid #F59B26; border-right:2px solid #F59B26; border-bottom:2px solid #F59B26; width:385px; height:auto; background:#fff; left:145px; top:-2px; height:auto; cursor:auto; display:none }
.nav_jyc dl.submenu dt { float:left; background:#fff; padding:10px; }
/*.nav_jyc dl.submenu dd{float:left; background:#fdf8f2; padding:10px; width:140px}*/
.nav_jyc dl.top2 { top:-32px; }
.nav_jyc dl.top3 { top:-63px; }
.nav_jyc dl.top4 { top:-94px; }
.nav_jyc dl.top5 { top:-125px; }
.nav_jyc dl.top6 { top:-156px; }
.nav_jyc dl.top7 { top:-187px; }
.nav_jyc dl.top8 { top:-218px; }
.nav_jyc dl.top9 { top:-32px; }
.nav_jyc dl.top10 { top:-63px; }
.nav_jyc dl.top11 { top:-94px; }
.nav_jyc dl.top12 { top:-125px; }
.nav_jyc dl.top13 { top:-156px; }
.nav_jyc dl.top14 { top:-187px; }
.nav_jyc dl.top15 { top:-218px; }
.nav_jyc dl.submenu dt strong { color:#333; margin-left:18px }
.nav_jyc dl.submenu dt strong a { color:#333 }
.nav_jyc dl.submenu dt p.wtitle { color:#c04400; font-weight:bold; margin-top:5px; }
.nav_jyc dl.submenu dt p.walink { padding-bottom:10px; margin:5px 0 10px; font-weight:normal; padding:0px 0 0 20px }
.nav_jyc dl.submenu dt p.walink a { display:block; color:#666; float:left; width:110px; border-bottom:1px solid #f5f5f5; padding:5px 0 5px 0; }
.nav_jyc dl.submenu dt p.walink a:hover { color:#FF5A00 }
*{font-size:100%}
</style>
<script>
/*下拉分类*/
$(function() {
	var jy_v=$("#jy_vois");
	var jy_b=$("#jy_vois b");
	var jy_c=$("#jy_list");
	var jy_li=$("#jy_list li");
	var jy_dl=$("#jy_list li dl");
	jy_c.show();
	jy_b.addClass("ja");
	jy_v.hover(function(){
		jy_v.addClass("jy_ti_hover");
		},function(){
		jy_v.removeClass("jy_ti_hover");
	})
	
	jy_li.hover(function(){
		alert(33);
		var lis=jy_li.index(this);
		jy_li.eq(lis).addClass("select");
		jy_dl.eq(lis).show();
		
	  },function(){
		$(this).removeClass("select");
		jy_dl.hide();
	  });
});
</script>
		<ol class="nav_jyc" id="jy_list" style="display: block; ">
				<li class="top"><h2><u class="n1"><a href="http://list.zhubajie.com/pinpaisj/">品牌设计</a></u></h2><em></em><dl class="submenu" style="display: none; ">
		<dt>
			<strong><a href="http://list.zhubajie.com/pinpaisj/">品牌设计</a></strong>
			<p class="walink">
						<a href="http://list.zhubajie.com/logo/">标志设计 </a>
						<a href="http://list.zhubajie.com/vi/">VI设计 </a>
						<a href="http://list.zhubajie.com/mingpiansj/">名片设计 </a>
						<a href="http://list.zhubajie.com/haibaosj/">海报设计 </a>
						<a href="http://list.zhubajie.com/xuanchuance/">宣传册页 </a>
						<a href="http://list.zhubajie.com/katongsj/">卡通设计 </a>
						<a href="http://list.zhubajie.com/zhaopaisj/">招牌设计 </a>
						<a href="http://list.zhubajie.com/guanggaosj/">广告设计 </a>
						<a href="http://list.zhubajie.com/banner/">横幅设计 </a>
						</p>
		</dt>
	</dl></li>
	<li class="top"><h2><u class="n2"><a href="http://list.zhubajie.com/yingyongsj/">应用设计</a></u></h2><em></em><dl class="submenu" style="display: none; ">
		<dt>
			<strong><a href="http://list.zhubajie.com/yingyongsj/">应用设计</a></strong>
			<p class="walink">
						<a href="http://list.zhubajie.com/baozhuangsj/">包装设计 </a>
						<a href="http://list.zhubajie.com/vip/">会员卡设计 </a>
						<a href="http://list.zhubajie.com/lipinsj/">礼品设计 </a>
						<a href="http://list.zhubajie.com/fengmiansj/">封面设计 </a>
						<a href="http://list.zhubajie.com/kapiansj/">卡片设计 </a>
						<a href="http://list.zhubajie.com/tupianbj/">图片编辑 </a>
						<a href="http://list.zhubajie.com/waiguansj/">产品外观 </a>
						<a href="http://list.zhubajie.com/zitisj/">字体设计 </a>
						<a href="http://list.zhubajie.com/hekasj/">贺卡设计 </a>
						<a href="http://list.zhubajie.com/qqbiaoqing/">QQ表情 </a>
						<a href="http://list.zhubajie.com/sgmanhua/">四格漫画 </a>
						<a href="http://list.zhubajie.com/dongmansj/">动漫设计 </a>
						<a href="http://list.zhubajie.com/paibansj/">排版设计 </a>
						<a href="http://list.zhubajie.com/fushisj/">服饰设计 </a>
						<a href="http://list.zhubajie.com/ppt/">ppt设计 </a>
						<a href="http://list.zhubajie.com/tshirt/">T恤设计 </a>
						<a href="http://list.zhubajie.com/tailisj/">台历设计 </a>
						<a href="http://list.zhubajie.com/chatuys/">插图艺术 </a>
						<a href="http://list.zhubajie.com/dianlusj/">电路设计 </a>
						<a href="http://list.zhubajie.com/wenjusj/">文具设计 </a>
						<a href="http://list.zhubajie.com/gongyesj/">工业设计 </a>
						<a href="http://list.zhubajie.com/tubiaosj/">按钮图标 </a>
						</p>
		</dt>
	</dl></li>
	
	<li class="bom"><u class="n80"><a href="http://task.zhubajie.com/">全部交易分类&gt;&gt;</a></u></li>			</ol>
{{ MEDIA_URL }}